<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<% 
	String tip = (String)request.getAttribute("tip");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>系统后台管理登陆</title>
<script type="text/javascript">

	/**
	 * 登录
	 */
	function login() {
		var form = document.forms['backloginForm'];
		if (form.name.value == "") {
			alert("用户名不能为空！");
		} else if (form.password.value == "") {
			alert("密码不能为空！");
		} else {
			form.submit();
		}
	}

	/**
	 * 监听回车键
	 */
	document.onkeydown = function(event) {
		event = event ? event : window.event ;
		var form = document.forms['backloginForm'];
		if(form.name.value!="" && form.password.value!=""){
			if(event.keyCode == 13) { 
		    	login();
		    } 
		}
	};
	
	/**
	 * 重置
	 */
	function reset() {
		var form = document.forms['backloginForm'];
		form.name.value == "";
		form.password.value == "";
	}
	/**
	 * 加载用户名框焦点
	 */
	function focusUsername() {
		var form = document.forms['backloginForm'];
		form.name.focus();
	}
</script>
<style type="text/css">
.userLogin { position: relative; padding-left: 550px; padding-top: 160px; }
.userLogin a { color: #009100; font: 14px 'Microsoft YaHei', '微软雅黑';  cursor: pointer; }
.userLogin a:hover { color: #00DB00; font: 14px 'Microsoft YaHei', '微软雅黑';  cursor: pointer; }
.tip{position:absolute;left:400px; width:150px; height:25px; font-size:14px; color:red;  }
<!--
body { padding: 0px; margin: 0px; overflow: hidden; background-color: #a1d962; }
.STYLE3 {color: #528311; font-size: 12px; }
.STYLE4 { color: #42870a; font-size: 12px; }
-->
</style>
</head>
<body onload="focusUsername();">
	<form name="backloginForm" action="backlogin"  method="post">
		<table width="100%" height="100%" border="0" cellpadding="0"
			cellspacing="0">
			<tr>
				<td bgcolor="#e5f6cf">&nbsp;</td>
			</tr>
			<tr>
				<td height="608" background="/daycodefront/backstage/images/login_03.gif">
				<table width="862" border="0" align="center" cellpadding="0" cellspacing="0">
						<tr>
							<td height="266" background="/daycodefront/backstage/images/login_04.gif">&nbsp;
							<table border="0"  class="userLogin">
								<tr width="100%">
									<td >
									<span class="tip"><%=tip==null? "":tip %></span>
									<span><a href="/daycodefront/login.jsp">返回用户登录</a></span>
									</td>
								</tr>
							</table>
							</td>
						</tr>
						<tr>
							<td height="95"><table width="100%" border="0"
									cellspacing="0" cellpadding="0">
									<tr>
										<td width="424" height="95" background="/daycodefront/backstage/images/login_06.gif">&nbsp;</td>
										<td width="183" background="/daycodefront/backstage/images/login_07.gif">
										<table width="100%" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td width="21%" height="30"><div align="center">
															<span class="STYLE3">用户名</span>
														</div></td>
													<td width="79%" height="30"><input type="text"
														name="name"
														style="height: 18px; width: 130px; border: solid 1px #cadcb2; font-size: 12px; color: #81b432;">
													</td>
												</tr>
												<tr>
													<td height="30"><div align="center">
															<span class="STYLE3">密码</span>
														</div></td>
													<td height="30"><input type="password" name="password"
														style="height: 18px; width: 130px; border: solid 1px #cadcb2; font-size: 12px; color: #81b432;">
													</td>
												</tr>
												<tr>
													<td height="30">&nbsp;</td>
													<td height="30"><img src="/daycodefront/backstage/images/dl.gif" width="81"
														height="22" border="0" usemap="#Map">
													</td>
												</tr>
										</table></td>
										<td width="255" background="/daycodefront/backstage/images/login_08.gif">&nbsp;</td>
									</tr>
								</table></td>
						</tr>
						<tr>
							<td height="247" valign="top" background="/daycodefront/backstage/images/login_09.gif">

								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td width="22%" height="30">&nbsp;</td>
										<td width="56%">&nbsp;</td>
										<td width="22%">&nbsp;</td>
									</tr>
									<tr>
										<td>&nbsp;</td>
										<td height="30"><table width="100%" border="0"
												cellspacing="0" cellpadding="0">
												<tr>
													<td width="44%" height="20">&nbsp;</td>
													<td width="56%" class="STYLE4"></td>
												</tr>
											</table></td>
										<td>&nbsp;</td>
									</tr>
								</table></td>
						</tr>
					</table></td>
			</tr>
			<tr>
				<td bgcolor="#a2d962"></td>
			</tr>
		</table>
	</form>
	<map name="Map">
		<area shape="rect" coords="3,3,36,19" style="cursor: pointer;" onclick="login();">
			<area shape="rect" coords="40,3,78,18" style="cursor: pointer;" onclick="reset();">
	</map>
</body>
</html>
